<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=3"
    />
    <meta name="keywords" content="【关键字】" />
    <meta name="description" content="【网站描述】" />
    <meta name="author" content="【作者名】" />
    <meta name="robots" content="index" />
    <meta name="copyright" content="【版权信息】" />
    <meta name="generator" content="【开发工具】" />
    <!-- 社交媒体分享信息 -->
    <meta
      property="og:title"
      content="【网站名称】（通常同: title 标签内的文本）"
    />
    <meta
      property="og:description"
      content="【网站描述】（通常同: meta:keywords 的【网站描述】"
    />
    <meta property="og:image" content="./images/open-graph-logo.jpg" />
    <meta property="og:url" content="【网站地址】" />
    <meta property="og:site_name" content="【网站名称】（类似于出处）" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="Bookmark" href="favicon.ico" />
    <title>獭米网络 - Gulp 5.0 自动化构建</title>
    <link rel="stylesheet" href="./styles/common.scss" />
    <link rel="stylesheet" href="./styles/index.scss" />
  </head>

  <body>
    <!-- 网站页头 -->
    @@include('./public/header.html', { "indexPath": ".", "childPath": "./pages"
    })

    <!-- 内容主体 -->
    <main class="index">
      <article>
        <h1>欢迎来到獭米网络</h1>

        <section>
          <p>
            在当前项目根目录下打开命令行工具，并输入“gulp”开始项目的自动化构建工作。
          </p>
          <p>
            如果您需要软件开发方面的支持和帮助，可以前往我们的<a
              href="https://www.tami-network.com/"
              target="_blank"
              >官方网站</a
            >获得进行进一步的了解。
          </p>
        </section>

        <section>
          <div class="album">
            <div class="album-item">
              <img src="./images/content/animal-01.jpg" alt="图片加载中..." />
            </div>
            <div class="album-item">
              <img src="./images/content/animal-02.jpg" alt="图片加载中..." />
            </div>
            <div class="album-item">
              <img src="./images/content/animal-03.jpg" alt="图片加载中..." />
            </div>
            <div class="album-item">
              <img src="./images/content/animal-04.jpg" alt="图片加载中..." />
            </div>
            <div class="album-item">
              <img src="./images/content/animal-05.jpg" alt="图片加载中..." />
            </div>
            <div class="album-item">
              <img src="./images/content/animal-06.jpg" alt="图片加载中..." />
            </div>
            <div class="album-item">
              <img src="./images/content/animal-07.jpg" alt="图片加载中..." />
            </div>
            <div class="album-item">
              <img src="./images/content/animal-08.jpg" alt="图片加载中..." />
            </div>
          </div>
        </section>
      </article>
    </main>

    <!-- 网站页脚 -->
    @@include('./public/footer.html', { "indexPath": ".", "childPath": "./pages"
    })

    <!-- JavaScript文件 -->
    <script type="module" src="./scripts/common-script.js"></script>
    <script type="module" src="./scripts/index.js"></script>
  </body>
</html>
